<template>
  <a-config-provider :locale="locale" :getPopupContainer="getPopupContainer">
    <template #renderEmpty>
      <a-empty :image="emptyImage" />
    </template>
    <RouterView />
  </a-config-provider>
</template>

<script>
import { useAntConfig } from './plugins/antDesign.js';

export default {
  setup() {
    const { locale, emptyImage, getPopupContainer } = useAntConfig();
    return { locale, emptyImage, getPopupContainer };
  },
};
</script>

<style scoped></style>
